<!--
 * @Description: 偏瘦bmi卡片
 * @Author: ZhangHan
 * @Date: 2025-08-04 17:09:36
 * @LastEditTime: 2025-08-08 10:58:18
 * @LastEditors: ZhangHan
-->
<template>
  <!-- 体重偏瘦计划 -->
  <view class="plan-container underweight">
    <view class="plan-header"
      >体重偏瘦 （BMI ＜ 18.5）
      <view>健康计划</view>
    </view>
    <view class="plan-content">
      <view class="plan-bmi">适用范围：BMI ＜ 18.5</view>

      <h2>饮食建议</h2>
      <ul>
        <li>增加热量摄入，选择营养密度高的食物</li>
        <li>每日三餐定时定量，适当增加加餐</li>
        <li>增加优质蛋白质摄入（鸡蛋、瘦肉、鱼类、豆类）</li>
        <li>适量摄入健康脂肪（坚果、橄榄油、牛油果）</li>
        <li>保证碳水化合物摄入，选择全谷物和复合碳水</li>
        <li>多吃蔬菜水果，补充维生素和矿物质</li>
      </ul>

      <h2>训练计划</h2>
      <ul>
        <li>每周进行3-4次力量训练，重点增加肌肉量</li>
        <li>每次训练包括主要肌群（胸、背、肩、腿、核心）</li>
        <li>采用中等重量，每组8-12次，3-4组</li>
        <li>减少长时间有氧运动，每周1-2次轻度有氧即可</li>
        <li>保证充足休息，肌肉在休息中生长</li>
      </ul>

      <view class="recommendation">
        <strong>重要建议：</strong>
        增重应通过增加肌肉而非脂肪，因此力量训练至关重要。建议咨询营养师制定个性化饮食计划，确保健康增重。
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";

defineOptions({name:'UnderWeightCard'});
</script>
<style lang="scss" scoped>
@use "./component.scss";
</style>
